// 入口函数
$(function () {
    getUserInfo()
    // 退出
    $('#logout').on('click', function () {
        layer.confirm('确认退出吗？',{ icon: 3, title: '提示' },function (index) {
            //do something
                location.href = '/login.html',
                localStorage.removeItem('token')
            layer.close(index);
          });
    })
})

let layer = layui.layer
// 获取用户信息，渲染头像分装成函数
//要设置为全局函数，不能是局部函数
function getUserInfo() {
    axios({
        url: '/my/userinfo',
        // headers: {
        //     Authorization:localStorage.getItem('token')
        // }
    }).then(res => {
        // console.log(res);
        //判断
        if (res.data.status !== 0) {
            return layer.msg(res.data.message)
        }
        //渲染头像
        renderAvatar(res.data.data)
    })
}

function renderAvatar(user) {
    //渲染欢迎
    //双或（||）运算，连接两个值，如果第一个值是false类型，返回第二个值，无论第二个值是什么
    // 双与运算（&&），第一个值false直接返回
    let name = user.nickname || user.username
    $('.welcome').html('欢迎&nbsp;' + name)
    // console.log(name);
    //处理头像，有自定义头像就渲染图片，没有就渲染文字头像(隐藏文字头像，显示图片头像)
    if (user.user_pic !== null) {
        //隐藏文字头像
        $('.avatar-text').hide()
        // 显示图片头像
        $('.layui-nav-img').show().attr('src',user.user_pic)
    } else {
        // 没有图片头像，就渲染文字头像
        // 隐藏图片头像
        $('.layui-nav-img').hide()
        // 显示文字头像
        // 渲染文字头像的第一个单词字符，大写
        let first = name[0].toUpperCase()
        // console.log(first);
        $('.avatar-text').show().html(first)
        

        
    }
 }
